<template>
  <div class="page-container index-container">
    <div class="m-mainBox">
      <div class="u-tabs-button">
        <div :class="['u-button',{'active':active==0}]" @click="trans1">概况</div>
        <div :class="['u-button',{'active':active==1}]" @click="trans2">历史差异</div>
        <div :class="['u-button',{'active':active==2}]" @click="trans3">问卷详情</div>
        <div :class="['u-button',{'active':active==3}]" @click="trans4">学校分析</div>
        <div :class="['u-button',{'active':active==4}]" @click="trans5">维度分析</div>
        <div :class="['u-button',{'active':active==5}]" @click="trans6">分析报告</div>
      </div>
    </div>
	<div class="m-GenBox evaluate-main gk" v-if="active==0">
		<div class="clearfix">
			<div class="u-cardBox evaluate-box u-cardBox3">
				<div class="title">学业负担指数表</div>
				<div class="cardMain">
					<div class="u-flex ofh">
						<el-table
						:data="tableData2"
						height="640px"
						style="width: 100%"
						:header-cell-style="{background:'#f4f5f9',fontSize:'16px',color:'#747e93',textAlign:'center',height:'80px'}"
						:cell-style="{height:'80px',fontSize:'16px',color:'#333333'}"
						>
						<el-table-column prop="name" label="维度"></el-table-column>
						<el-table-column prop="qu" label="区级指数" align="center"></el-table-column>
						<el-table-column prop="shi" label="市级指数" align="center"></el-table-column>
						<el-table-column prop="sheng" label="省级指数" align="center"></el-table-column>
						</el-table>
					</div>
				</div>
			</div>
			<div class="u-cardBox evaluate-box">
				<div class="title">学业负担指数表</div>
				<div class="line"></div>
				<div class="cardMain">
					<div class="top">
						<div class="circle"></div>
						<div class="tit">负担值</div>
					</div>
					<div class="item">
						<div class="name">九年级</div>
						<div class="clearfix">
							<div class="icon" v-for="(item,index) in 7" :key="90+index"></div>
							<div class="icon notsel" v-for="(item,index) in 1" :key="index"></div>
						</div>
						<div class="score">4.3</div>
					</div>
					<div class="item">
						<div class="name">八年级</div>
						<div class="clearfix">
							<div class="icon" v-for="(item,index) in 7" :key="80+index"></div>
							<div class="icon notsel" v-for="(item,index) in 1" :key="index"></div>
						</div>
						<div class="score">4.2</div>
					</div>
					<div class="item">
						<div class="name">七年级</div>
						<div class="clearfix">
							<div class="icon" v-for="(item,index) in 5" :key="70+index"></div>
							<div class="icon notsel" v-for="(item,index) in 3" :key="index"></div>
						</div>
						<div class="score">3.1</div>
					</div>
					<div class="item">
						<div class="name">六年级</div>
						<div class="clearfix">
							<div class="icon" v-for="(item,index) in 6" :key="60+index"></div>
							<div class="icon notsel" v-for="(item,index) in 2" :key="index"></div>
						</div>
						<div class="score">3.4</div>
					</div>
					<div class="item">
						<div class="name">五年级</div>
						<div class="clearfix">
							<div class="icon" v-for="(item,index) in 3" :key="50+index"></div>
							<div class="icon notsel" v-for="(item,index) in 5" :key="index"></div>
						</div>
						<div class="score">1.5</div>
					</div>
					<div class="item">
						<div class="name">四年级</div>
						<div class="clearfix">
							<div class="icon" v-for="(item,index) in 3" :key="40+index"></div>
							<div class="icon notsel" v-for="(item,index) in 5" :key="index"></div>
						</div>
						<div class="score">1.5</div>
					</div>
					<div class="item">
						<div class="name">三年级</div>
						<div class="clearfix">
							<div class="icon" v-for="(item,index) in 2" :key="30+index"></div>
							<div class="icon notsel" v-for="(item,index) in 6" :key="index"></div>
						</div>
						<div class="score">1.3</div>
					</div>
					<div class="item">
						<div class="name">二年级</div>
						<div class="clearfix">
							<div class="icon" v-for="(item,index) in 1" :key="20+index"></div>
							<div class="icon notsel" v-for="(item,index) in 7" :key="index"></div>
						</div>
						<div class="score">0.5</div>
					</div>
					<div class="item">
						<div class="name">一年级</div>
						<div class="clearfix">
							<div class="icon" v-for="(item,index) in 1" :key="10+index"></div>
							<div class="icon notsel" v-for="(item,index) in 7" :key="index"></div>
						</div>
						<div class="score">0.6</div>
					</div>
				</div>
			</div>
		</div>
		<div class="u-cardBox evaluate-box2">
			<div class="title">学业负担（小学）</div>
			<div class="line"></div>
			<div class="cardMain" key="gk1">
				<u-barEchart
					:keyId="'gk1'" 
					:legend="legendListgk1" :list="listgk1" :markVal='4.2' hasDiff :xAxisName="'学校'" :yAxisName="'负担值'" :ishasBackground="false">
				</u-barEchart>
			</div>
		</div>
		<div class="u-cardBox evaluate-box2">
			<div class="title">学业负担（初中）</div>
			<div class="line"></div>
			<div class="cardMain" key="gk2">
				<u-barEchart
					:keyId="'gk2'" 
					:legend="legendListgk2" :list="listgk2" :markVal='4.1' hasDiff :xAxisName="'学校'" :yAxisName="'负担值'" :ishasBackground="false">
				</u-barEchart>
			</div>
		</div>
	</div>

    <div class="m-GenBox evaluate-main lscy" v-if="active==1">
    	<div class="tname tname1">总体学业负担</div>
		<div class="clearfix">
			<div class="u-cardBox evaluate-box2 u-cardBox2" key="ztxyfd">
				<div class="title">学业负担</div>
				<div class="cardMain">
					<u-lineEchart 
                        :keyId="'ztxyfd'" 
                        :legend="legendList0" :list="list0" disLegend fontNomal :yAxisName="'负担值（分）'" :xAxisName="'年份'" smooth :grid="{left:40,right:20}">
                    </u-lineEchart>
				</div>
			</div>
		</div>
      <div class="tname">分维度历史对比</div>
      <div class="contentbox clearfix">
        <div class="u-cardBox evaluate-box" key="kwfd">
        	<div class="title">课外辅导</div>
			<div class="cardMain">
				<u-lineEchart 
					:keyId="'kwfd'" 
					:legend="legendList1" :list="list1" disLegend fontNomal :yAxisName="'负担值（分）'" :xAxisName="'年份'" :grid="{left:50,right:50}">
				</u-lineEchart>
			</div>
        </div>
        <div class="u-cardBox evaluate-box" key="stnd">
          <div class="title">试题难度</div>
		  <div class="cardMain">
				<u-barEchart
					:keyId="'stnd'"
					:legend="legendList2" :list="list2" :yAxisName="'负担值（分）'" :xAxisName="'年份'" hasDiff fontNomal disLegend :ishasBackground="false" :grid="{left:50,right:50}">
				</u-barEchart>
		  </div>
        </div>
        <div class="u-cardBox evaluate-box" key="jfcl">
          <div class="title">教辅材料</div>
		  <div class="cardMain">
				<u-lineEchart 
					:keyId="'jfcl'" 
					:legend="legendList3" :list="list3" disLegend fontNomal :yAxisName="'负担值（分）'" :xAxisName="'年份'" smooth :grid="{left:50,right:50}">
				</u-lineEchart>
		  </div>
        </div>
        <div class="u-cardBox evaluate-box" key="fkzs">
          <div class="title">副科重视</div>
		  <div class="cardMain">
				<u-barEchart
					:keyId="'fkzs'"
					:legend="legendList4" :list="list4" :yAxisName="'负担值（分）'" :xAxisName="'年份'" hasDiff fontNomal disLegend :ishasBackground="false" :grid="{left:50,right:50}"> 
				</u-barEchart>
		  </div>
        </div>
        <div class="u-cardBox evaluate-box" key="xyyl">
          <div class="title">学业压力</div>
		  <div class="cardMain">
				<u-lineEchart 
					:keyId="'xyyl'" 
					:legend="legendList5" :list="list5" disLegend fontNomal :yAxisName="'负担值（分）'" :xAxisName="'年份'" smooth :grid="{left:50,right:50}">
				</u-lineEchart>
		  </div>
        </div>
        <div class="u-cardBox evaluate-box">
          <div class="title">学习方法</div>
		  <div class="cardMain"></div>
        </div>
      </div>
    </div>

    <div class="m-GenBox evaluate-main wjxq clearfix" v-if="active==2">
		<div class="wj-header">
			<el-select v-model="value1" class="item mr20" placeholder="请选择年度">
				<el-option
				v-for="item in options1"
				:key="item.value"
				:label="item.label"
				:value="item.value"
				></el-option>
			</el-select>
			<el-select v-model="value2" class="item mr20" placeholder="请选择问卷">
				<el-option
				v-for="item in options2"
				:key="item.value"
				:label="item.label"
				:value="item.value"
				></el-option>
			</el-select>
			<el-button type="primary">查询</el-button>
			<el-button type="primary">下载明细</el-button>
		</div>
		<div class="clearfix">
			<div class="u-cardBox evaluate-box" key="wjxq1">
				<div class="title">1.周一到周五，你每天要完成老师布置家庭作业的时间调查。</div>
				<div class="cardMain">
					<u-barEchart
                        :keyId="'wjxq'" 
                        :legend="legendListwjxq1" :list="listwjxq1" :xAxisType="'value'" isStack :ishasBackground="false" showLabel>
                    </u-barEchart>
				</div>
			</div>
			<div class="u-cardBox evaluate-box" key="wjxq2">
				<div class="title">2.你认为平时哪些科目作业太多的情况调查。（多选）</div>
				<div class="cardMain">
					<u-barEchart
                        :keyId="'wjxq2'" 
                        :legend="legendListwjxq2" :list="listwjxq2" :xAxisType="'value'" isStack :ishasBackground="false" showLabel>
                    </u-barEchart>
				</div>
			</div>
			<div class="u-cardBox evaluate-box" key="wjxq3">
				<div class="title">3.周一到周五，你每天睡眠时间的调查。</div>
				<div class="cardMain">
					<u-barEchart
                        :keyId="'wjxq3'" 
                        :legend="legendListwjxq3" :list="listwjxq3" :xAxisType="'value'" isStack :ishasBackground="false" showLabel>
                    </u-barEchart>
				</div>
			</div>
			<div class="u-cardBox evaluate-box" key="wjxq4">
				<div class="title">4.学校中午休息时间安排的调查。</div>
				<div class="cardMain">
					<u-barEchart
                        :keyId="'wjxq4'" 
                        :legend="legendListwjxq4" :list="listwjxq4" :xAxisType="'value'" isStack :ishasBackground="false" showLabel>
                    </u-barEchart>
				</div>
			</div>
		</div>	
    </div>

    <div class="m-GenBox evaluate-main xxfx" v-if="active==3">
		<div class="wj-header">
			<el-select v-model="xxfx.value0" class="item mr20" placeholder="请选择年度">
			<el-option
				v-for="item in options0"
				:key="item.value"
				:label="item.label"
				:value="item.value"
			></el-option>
			</el-select>
			<el-select v-model="xxfx.value1" class="item mr20" placeholder="请选择年度">
			<el-option
				v-for="item in options5"
				:key="item.value"
				:label="item.label"
				:value="item.value"
			></el-option>
			</el-select>
			<el-select v-model="xxfx.value2" class="item mr20" placeholder="请选择全部学段">
			<el-option
				v-for="item in options3"
				:key="item.value"
				:label="item.label"
				:value="item.value"
			></el-option>
			</el-select>
			<el-select v-model="xxfx.value3" class="item mr20" placeholder="请选择学校">
			<el-option
				v-for="item in options4"
				:key="item.value"
				:label="item.label"
				:value="item.value"
			></el-option>
			</el-select>
			<el-button type="primary">查询</el-button>
		</div>
		<div class="u-cardBox evaluate-box">
			<div class="title">学业负担评价指数（小学）</div>
			<div class="cardMain" key="xxfx1">
				<u-barEchart
					:keyId="'xxfx1'" 
					:legend="legendListxxfx1" :list="listxxfx1" :markVal='4.2' hasDiff :xAxisName="'学校'" :yAxisName="'评价指数'">
				</u-barEchart>
			</div>
			<div class="title">学业负担均衡系数（小学）</div>
			<div class="cardMain" key="xxfx2">
				<u-lineEchart 
					:keyId="'xxfx2'" 
					:legend="legendListxxfx2" :list="listxxfx2" :markVal='0.5' hasDiff isHasScatter :xAxisName="'学校'" :yAxisName="'均衡系数'" :yMax=1.0>
				</u-lineEchart>
			</div>
		</div>
    </div>

    <div class="m-GenBox evaluate-main wdfx" v-if="active==4">
      <div class="u-cardBox evaluate-box">
        <div class="searchBox">
          <el-select v-model="wdfx.value1" class="item" placeholder="请选择年度">
            <el-option
              v-for="item in options5"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </el-select>
          <el-select v-model="wdfx.value2" class="item" placeholder="请选择全部学段">
            <el-option
              v-for="item in options3"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </el-select>
          <el-select v-model="wdfx.value3" class="item" placeholder="请选择学校">
            <el-option
              v-for="item in options4"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </el-select>
          <el-button type="primary">查询</el-button>
        </div>
        <div class="contentbox">
          <div class="leftbox">
            <div class="l-genBox u-flex_col">
              <div class="tname">区学业负担指数表</div>
              <div class="u-flex ofh">
                <el-table
                  :data="tableData"
                  height="480px"
                  style="width: 100%"
                  :header-cell-style="{background:'#f4f5f9',fontSize:'16px',color:'#747e93',textAlign:'center',height:'50px'}"
                  :cell-style="{textAlign:'center',height:'58px',fontSize:'16px',color:'#333333'}"
                >
                  <el-table-column prop="name" label="评价内容" width="180"></el-table-column>
                  <el-table-column prop="num" label="指数" width="180"></el-table-column>
                  <el-table-column prop="key" label="均衡系数"></el-table-column>
                </el-table>
              </div>
            </div>
          </div>
          <div class="rightbox">
            <div class="tname">标题xxx?</div>
          </div>
        </div>
      </div>
    </div>
    <div class="m-GenBox evaluate-main fxbg" v-if="active==5">
      <div class="searchBox">
        <el-select v-model="searchPar.value1" class="item" placeholder="请选择年度">
          <el-option
            v-for="item in options6"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </el-select>
        <el-select v-model="searchPar.value2" class="item" placeholder="请选择全部学段">
          <el-option
            v-for="item in options7"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </el-select>
        <el-select v-model="searchPar.value3" class="item" placeholder="请选择学校">
          <el-option
            v-for="item in options8"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </el-select>
        <el-select v-model="searchPar.value4" class="item" placeholder="请选择报告">
          <el-option
            v-for="item in options9"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </el-select>
        <el-button type="primary" @click="searchFun">查询</el-button>
      </div>
      <div class="cardList">
        <div class="u-cardBox card" v-for="(item,index) in cardList" :key="'index'+index">
          <div class="topTitle">{{item.title}}</div>
          <div class="time">{{item.time}}</div>
          <div class="btn">
            <el-button>预览</el-button>
            <el-button type="primary">下载</el-button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
		active: 0,
		value1: "0",
		value2: "1",
		xxfx: {
			value0:"1",
			value1: "",
			value2: "",
			value3: ""
		},
		wdfx: {
		value1: "",
		value2: "",
		value3: ""
		},
		options0:[
			{
				value:"1",
				label:"学业负担"
			}
		],
		options1: [
			{
				value: "0",
				label: "全部年度"
			},
			{
				value: "1",
				label: "2020年"
			},
			{
				value: "2",
				label: "2019年"
			},
			{
				value: "3",
				label: "2018年"
			},
			{
				value: "4",
				label: "2017年"
			},
			{
				value: "5",
				label: "2016年"
			}
		],
		options2: [
			{
				value: "1",
				label: "2020年学业负担调查问卷"
			},
			{
				value: "2",
				label: "2019年学业负担度调查问卷"
			},
			{
				value: "3",
				label: "2018年学业负担调查问卷"
			},
			{
				value: "4",
				label: "2017年学业负担调查问卷"
			},
			{
				value: "5",
				label: "2016年学业负担调查问卷"
			}
		],
		options3: [
			{
				value: "1",
				label: "一年级"
			},
			{
				value: "2",
				label: "二年级"
			},
			{
				value: "3",
				label: "三年级"
			},
			{
				value: "4",
				label: "四年级"
			},
			{
				value: "5",
				label: "五年级"
			},
			{
				value: "6",
				label: "六年级"
			}
		],
		options4: [
			{
				value: "1",
				label: "义鹏第一小学"
			},
			{
				value: "2",
				label: "天音幸福小学"
			},
			{
				value: "3",
				label: "金沙湖东方校区"
			},
			{
				value: "4",
				label: "启明中学"
			},
			{
				value: "5",
				label: "明珠小学"
			}
		],
		options5: [
			{
				value: "1",
				label: "2020年"
			},
			{
				value: "2",
				label: "2019年"
			},
			{
				value: "3",
				label: "2018年"
			},
			{
				value: "4",
				label: "2017年"
			},
			{
				value: "5",
				label: "2016年"
			}
		],
		tableData: [
			{
				name: "总体",
				num: "4.12",
				key: "3.52"
			},
			{
				name: "课外辅导",
				num: "2.63",
				key: "4.61"
			},
			{
				name: "试题难度",
				num: "5.00",
				key: "4.91"
			},
			{
				name: "教辅材料",
				num: "3.16",
				key: "3.53"
			},
			{
				name: "副科重视",
				num: "4.41",
				key: "4.50"
			},
			{
				name: "学习压力",
				num: "2.16",
				key: "3.90"
			},
			{
				name: "学习方法",
				num: "1.41",
				key: "2.53"
			}
		],
		tableData2:[
			{
				name:'总体',
				qu:'4.32',
				shi:'4.66',
				sheng:'4.50'
			},
			{
				name:'课外辅导',
				qu:'4.20',
				shi:'4.21',
				sheng:'4.20'
			},
			{
				name:'试题难度',
				qu:'3.44',
				shi:'3.30',
				sheng:'3.62'
			},
			{
				name:'自信心',
				qu:'3.98',
				shi:'3.67',
				sheng:'3.75'
			},
			{
				name:'体艺兴趣',
				qu:'3.06',
				shi:'3.11',
				sheng:'3.28'
			},
			{
				name:'师生关系',
				qu:'2.97',
				shi:'3.01',
				sheng:'2.95'
			},
			{
				name:'规则意识',
				qu:'4.68',
				shi:'4.57',
				sheng:'4.66'
			},
		],
    	searchPar: {
			value1: "",
			value2: "",
			value3: "",
			value4: ""
		},
		options6: [
			{
			value: "1",
			label: "2020年度调研报告"
			},
			{
			value: "2",
			label: "2019年度调研报告"
			},
			{
			value: "3",
			label: "2018年度调研报告"
			},
			{
			value: "4",
			label: "2017年度调研报告"
			},
			{
			value: "5",
			label: "2016年度调研报告"
			}
		],
		options7: [
			{
			value: "0",
			label: "全部学段"
			},
			{
			value: "1",
			label: "上学期"
			},
			{
			value: "2",
			label: "下学期"
			}
		],
		options8: [
			{
			value: "1",
			label: "义鹏第一小学"
			},
			{
			value: "2",
			label: "天音幸福小学"
			},
			{
			value: "3",
			label: "金沙湖东方校区"
			},
			{
			value: "4",
			label: "启明中学"
			},
			{
			value: "5",
			label: "明珠小学"
			}
		],
		options9: [
			{
			value: "1",
			label: "教育局关于中小学信息化发展状况调研报告"
			},
			{
			value: "2",
			label: "教师证上传"
			},
			{
			value: "3",
			label: "上学期考试难度调查报告"
			}
		],
		cardList: [
			{
			title: "教育局关于中小学信息化发展状况调研报告",
			time: "2020.11.15"
			},
			{
			title: "教师证上传",
			time: "2020.11.16"
			},
			{
			title: "上学期考试难度调查报告",
			time: "2020.11.16"
			},
			{
			title: "上学期考试难度调查报告",
			time: "2020.11.16"
			},
			{
			title: "上学期考试难度调查报告",
			time: "2020.11.16"
			}
		],
		//学业负担
		legendList0:[
			{name:'正常',color:'#00cd86',areaStyleColor:"#00cd86"},
		],
		list0:[
			{name:"2018年",value:[3]},
			{name:"2019年",value:[2.8]},
			{name:"2020年",value:[3.2]},
		],
		//课外辅导
		legendList1:[
			{name:'正常',color:'#00cd86',areaStyleColor:"#00cd86"},
		],
		list1:[
			{name:"2018年",value:[3.1]},
			{name:"2019年",value:[2]},
			{name:"2020年",value:[4.8]},
		],
		//试题难度
		legendList2:[
			{name:'2018年',key:1,itemcolor:['#ffe071','#ffbe63']},
			{name:'2019年',key:2,itemcolor:['#52a2fd','#1f88fe']},
			{name:'2020年',key:3,itemcolor:['#2dd681','#23c5a2']},
		],
		list2:[
			{name:"2018年",key:1,value:[4.2]},
			{name:"2019年",key:2,value:[2.5]},
			{name:"2020年",key:3,value:[4.8]},
		],
		//教辅材料
		legendList3:[
			{name:'正常',color:'#00cd86',areaStyleColor:"#00cd86"},
		],
		list3:[
			{name:"2018年",value:[4]},
			{name:"2019年",value:[2.7]},
			{name:"2020年",value:[4.2]},
		],
		//副科重视
		legendList4:[
			{name:'2018年',key:1,itemcolor:['#ffe071','#ffbe63']},
			{name:'2019年',key:2,itemcolor:['#52a2fd','#1f88fe']},
			{name:'2020年',key:3,itemcolor:['#2dd681','#23c5a2']},
		],
		list4:[
			{name:"2018年",key:1,value:[4.2]},
			{name:"2019年",key:2,value:[2.5]},
			{name:"2020年",key:3,value:[3.5]},
		],
		//学习压力
		legendList5:[
			{name:'正常',color:'#fdae3f',areaStyleColor:"#fdae3f"},
		],
		list5:[
			{name:"2018年",value:[4]},
			{name:"2019年",value:[2.7]},
			{name:"2020年",value:[4.2]},
		],
		//问卷详情
		legendListwjxq1:[
			{name:'3小时以上',color:'#ffc34d',itemcolor:['#ffc34d','#ffc34d']},
			{name:'2-3小时',color:'#f4987b',itemcolor:['#f4987b','#f4987b']},
			{name:'1-2小时',color:'#64d77f',itemcolor:['#64d77f','#64d77f']},
			{name:'1小时以下',color:'#7f9bfb',itemcolor:['#7f9bfb','#7f9bfb']},
		],
		listwjxq1:[
			{name:"前进中学",value:[9.2,40.8,44.5,5.5]},
			{name:"义蓬中学",value:[12.5,38,44.5,5]},
			{name:"新围中学",value:[33.5,6.5,42.5,17.5]},
			{name:"新湾镇中学",value:[19.5,10.5,30,40]},
			{name:"临江一中",value:[40,10,20,30]},
			{name:"河庄初级中学",value:[30,15,30,25]},
			{name:"启慧初中",value:[21.5,28.5,30,20]},
			{name:"钱江小学",value:[29,31,15,25]},
		],
		legendListwjxq2:[
			{name:'语文',color:'#ffc34d',itemcolor:['#ffc34d','#ffc34d']},
			{name:'英语',color:'#f4987b',itemcolor:['#f4987b','#f4987b']},
			{name:'数学',color:'#64d77f',itemcolor:['#64d77f','#64d77f']},
			{name:'其他',color:'#7f9bfb',itemcolor:['#7f9bfb','#7f9bfb']},
		],
		listwjxq2:[
			{name:"前进中学",value:[11.5,28.5,35.5,24.5]},
			{name:"义蓬中学",value:[33,28.5,21.5,17]},
			{name:"新围中学",value:[29,31,25,15]},
			{name:"新湾镇中学",value:[37.5,22.5,25,15]},
			{name:"临江一中",value:[30,30,20,20]},
			{name:"河庄初级中学",value:[33.5,6.5,42.5,17.5]},
			{name:"启慧初中",value:[27.5,22.5,20,30]},
			{name:"钱江小学",value:[12.5,38,44.5,5]},
		],
		legendListwjxq3:[
			{name:'10小时以上',color:'#ffc34d',itemcolor:['#ffc34d','#ffc34d']},
			{name:'8-9小时',color:'#f4987b',itemcolor:['#f4987b','#f4987b']},
			{name:'7-8小时',color:'#64d77f',itemcolor:['#64d77f','#64d77f']},
			{name:'少于7小时',color:'#7f9bfb',itemcolor:['#7f9bfb','#7f9bfb']},
		],
		listwjxq3:[
			{name:"前进中学",value:[28,32,25,15]},
			{name:"义蓬中学",value:[20,50.5,19.5,10]},
			{name:"新围中学",value:[25,40,25,10]},
			{name:"新湾镇中学",value:[21,39,30,10]},
			{name:"临江一中",value:[33.5,36.5,22.5,7.5]},
			{name:"河庄初级中学",value:[37.5,22.5,25,15]},
			{name:"启慧初中",value:[22.5,38,34.5,5]},
			{name:"钱江小学",value:[21.5,28.5,35.5,14.5]},
		],
		legendListwjxq4:[
			{name:'上课',color:'#ffc34d',itemcolor:['#ffc34d','#ffc34d']},
			{name:'午睡',color:'#f4987b',itemcolor:['#f4987b','#f4987b']},
			{name:'做作业',color:'#64d77f',itemcolor:['#64d77f','#64d77f']},
			{name:'其他',color:'#7f9bfb',itemcolor:['#7f9bfb','#7f9bfb']},
		],
		listwjxq4:[
			{name:"前进中学",value:[5.5,35.5,39,20]},
			{name:"义蓬中学",value:[11,39,30,20]},
			{name:"新围中学",value:[7.5,22.5,40,30]},
			{name:"新湾镇中学",value:[12.5,47.5,30,10]},
			{name:"临江一中",value:[10,30,47.5,12.5]},
			{name:"河庄初级中学",value:[15,30,30,25]},
			{name:"启慧初中",value:[11.5,38.5,30,20]},
			{name:"钱江小学",value:[12.5,38,40,9.5]},
		],
		//概况
		legendListgk1:[
			{name:'高于钱塘新区',min:4.2,max:5,color:'#F9C076',itemcolor:['#FAC751','#EE8138']},
			{name:'钱塘新区',key:1,color:'#2CD581',itemcolor:['#2DD681','#23C5A2']}, 
			{name:'低于钱塘新区',min:0,max:4.2,color:'#168DFF',itemcolor:['#51A6FA','#3D38EE']},
		],
		listgk1:[
			{name:"义蓬第三小学",value:[4.6]},
			{name:"义蓬第四小学",value:[4.5]},
			{name:"义蓬第一小学",value:[4.4]},
			{name:"金沙湖东方校区",value:[4.35]},
			{name:"启成中学",value:[4.35]},
			{name:"明珠学校",value:[4.35]},
			{name:"临江第一小学",value:[4.3]},
			{name:"临江新城实验小学",value:[4.3]},
			{name:"河庄小学",value:[4.25]},
			{name:"义蓬第二小学",value:[4.25]},
			{name:"宏图小学",value:[4.25]},
			{name:"区级",key:1,value:[4.2]},
			{name:"新围小学",value:[4.2]},
			{name:"前进第一小学",value:[4.2]},
			{name:"新湾小学",value:[4.2]},
			{name:"启慧小学",value:[4.15]},
			{name:"市教研室附校",value:[4.15]},
			{name:"杭经开金沙湖实验学校",value:[4.1]},
			{name:"钱江小学",value:[4.1]},
			{name:"学正小学",value:[4.0]},
			{name:"听涛小学",value:[4.0]},
			{name:"月雅河小学",value:[3.9]},
			{name:"启源小学",value:[3.8]},
			{name:"江湾小学",value:[3.8]},
			{name:"景苑小学",value:[3.8]},
			{name:"下沙第二小学",value:[3.75]},
			{name:"下沙第一小学",value:[3.7]},
			{name:"新阳光学校",value:[3.65]},
			{name:"学林街小学",value:[3.6]},
			{name:"金沙湖金沙校区",value:[3.55]},
			{name:"江湾小学",value:[3.5]},
			{name:"钱江小学",value:[3.45]},
			{name:"实验外国语学校",value:[3.4]},
		],
		legendListgk2:[
			{name:'高于钱塘新区',min:4.2,max:5,color:'#F9C076',itemcolor:['#FAC751','#EE8138']},
			{name:'钱塘新区',key:1,color:'#2CD581',itemcolor:['#2DD681','#23C5A2']}, 
			{name:'低于钱塘新区',min:0,max:4.2,color:'#168DFF',itemcolor:['#51A6FA','#3D38EE']},
		],
		listgk2:[
			{name:"启成中学",value:[4.5]},
			{name:"前进中学",value:[4.4]},
			{name:"义蓬中学",value:[4.35]},
			{name:"新围中学",value:[4.3]},
			{name:"新湾镇中学",value:[4.25]},
			{name:"临江一中",value:[4.2]},
			{name:"河庄初级中学",value:[4.15]},
			{name:"启慧初中",value:[4.15]},
			{name:"下沙中学",value:[4.15]},
			{name:"区级",value:[4.1],key:1},
			{name:"学正中学",value:[4.1]},
			{name:"养正中学",value:[4.1]},
			{name:"东南中学",value:[4.1]},
			{name:"景苑中学",value:[4.05]},
			{name:"新湾镇中学",value:[4.05]},
			{name:"临江一中",value:[4.0]},
			{name:"听涛中学",value:[4.0]},
			{name:"前进中学",value:[3.95]},
			{name:"新围中学",value:[3.95]},
		],
		//学校分析
		legendListxxfx1:[
			{name:'钱塘新区',key:1,color:'#4ca0ff',itemcolor:['#4a9fff','#0178ff'],isSign: true},
			{name:'正常',min:0,max:4.3,color:'#00cd86',itemcolor:['#2dd681','#23c5a2']}, 
			{name:'需关注',min:4.3,max:5,color:'#ff7b12',itemcolor:['#ff9600','#ff7b12'],isSign: true},
		],
		listxxfx1:[
			{name:"钱塘新区",key:1,value:[4.2]},
			{name:"江湾小学",value:[2.6]},
			{name:"金沙学校",value:[1.2]},
			{name:"景苑小学",value:[3.9]},
			{name:"文博学校",value:[3.7]},
			{name:"文海实验学校",value:[4.7]},
			{name:"下沙第二小学",value:[4.3]},
			{name:"下沙第一小学",value:[2.5]},
			{name:"新阳光学校",value:[4.7]},
			{name:"学林街小学",value:[2.6]},
			{name:"明珠小学",value:[4.2]},
			{name:"河庄小学",value:[4.4]},
			{name:"宏图小学",value:[2.6]},
			{name:"前进第一小学",value:[2.6]},
			{name:"新湾小学",value:[2.6]},
			{name:"启慧小学",value:[3.7]},
		],
		legendListxxfx2:[
			{name:'钱塘新区',key:1,color:'#4ca0ff',isSign: true,areaStyleColor:"#00cd86"},
			{name:'正常',key:2,color:'#00cd86',areaStyleColor:"#00cd86"}, 
			{name:'需关注',min:0.8,max:1,color:'#ff7b12',isSign: true,areaStyleColor:"#00cd86"},
		],
		listxxfx2:[
			{name:"钱塘新区",key:1,value:[0.5]},
			{name:"江湾小学",key:2,value:[0.31]},
			{name:"金沙学校",key:2,value:[0.81]},
			{name:"景苑小学",key:2,value:[0.6]},
			{name:"文博学校",key:2,value:[0.6]},
			{name:"文海实验学校",key:2,value:[0.3]},
			{name:"下沙第二小学",key:2,value:[0.89]},
			{name:"下沙第一小学",key:2,value:[0.38]},
			{name:"新阳光学校",key:2,value:[0.61]},
			{name:"学林街小学",key:2,value:[0.38]},
			{name:"明珠小学",key:2,value:[0.51]},
			{name:"河庄小学",key:2,value:[0.81]},
			{name:"宏图小学",key:2,value:[0.5]},
			{name:"前进第一小学",key:2,value:[0.08]},
			{name:"新湾小学",key:2,value:[0.8]},
			{name:"启慧小学",key:2,value:[0.5]},
		],
    }
  },
    methods: {
		searchFun() {
			if (this.searchPar.value1 == 1) {
				this.cardList = [
				{
					title: "教育局关于中小学信息化发展状况调研报告",
					time: "2020.11.15"
				},
				{
					title: "教师证上传",
					time: "2020.11.16"
				},
				{
					title: "上学期考试难度调查报告",
					time: "2020.11.16"
				},
				{
					title: "上学期考试难度调查报告",
					time: "2020.11.16"
				},
				{
					title: "上学期考试难度调查报告",
					time: "2020.11.16"
				}
				];
			} else {
				this.cardList = [];
			}
		},
		trans1(){
			this.active=0
		},
		trans2(){
			this.active=1
		},
		trans3(){
			this.active=2
		},
		trans4(){
			this.active=3
		},
		trans5(){
			this.active=4
		},
		trans6(){
			this.active=5
		}
    }
  }
</script>

<style lang="scss" scoped>
.evaluate-main {
  padding: 0 40px;
}
.u-cardBox {
  box-shadow: 0 0 10px rgba($color: #3b64a8, $alpha: 0.1);
}
</style>
<style lang="scss">
.gk{
	table{
		tr{
			th:first-child{
			text-align:left !important;
			padding-left:40px;
		}
			td:first-child{
				padding-left: 40px;
			}
		}
	}
	.u-cardBox3{
		padding:0;
		.title{
			padding:30px 0 0 40px;
		}
	}
	.evaluate-box {
		width: 47%;
		height: 732px;
		overflow: hidden;
		margin-right: 2%;
		margin-bottom: 40px;
		position: relative;
		float: left;
		display:flex;
		flex-direction:column;
		.title{
			padding-bottom:20px;
		}
		.cardMain{
			flex:1;
			width:100%;
			.top{
				display:flex;
				align-items:center;
				width:100%;
				height: 66px;
				.circle{
					background:#FFB600;
					width:10px;
					height: 10px;
					border-radius:50% 50%;
					margin-right:10px;
				}
				.tit{
					color:#000000;
					font-size:12px;
				}
			}
			.item{
				width:100%;
				height: 42px;
				margin-bottom:19px;
				display:flex;
				align-items:center;
				.name{
					font-size:18px;
					color:#B6BAC5;
					margin-right:30px;
					font-weight:bold;
				}
				.clearfix{
					margin-right:30px;
					.icon{
						width:42px;
						height: 42px;
						background:url(~@/assets/img/xyfd/sel.png) no-repeat;
						background-size:100% auto;
						float: left;
						margin-right:15px;
						&.notsel{
							background:url(~@/assets/img/xyfd/notsel.png) no-repeat;
							background-size:100% auto;
						}
					}
				}
				.score{
					font-size:24px;
					color:#333333;
					font-weight:bold;
				}
			}
		}
		.line{
			position: absolute;
			width:100%;
			height: 1px;
			background-color:#F9F9FD;
			left:0;
			top:70px;
		}
	}
    .evaluate-box2 {
		width: 100%;
		height: 508px;
		overflow: hidden;
		position: relative;
		float: left;
		display:flex;
		flex-direction:column;
		margin-bottom:40px;
		padding:0;
		.line{
			position: absolute;
			width:100%;
			height: 1px;
			background-color:#F9F9FD;
			left:0;
			top:74px;
		}
		.title{
			padding:30px 0 20px 40px;
		}
		.cardMain{
			flex:1;
			width:100%;
		}
	}
}
.lscy {
  .tname{
    font-size:22px;
    font-weight:bold;
    color:#333333;
    margin:60px 0 20px 0;
  }
  .tname1{
    margin-top:20px;
  }
  .evaluate-box {
    width: 32%;
    height: 400px;
    overflow: hidden;
    margin-right: 1%;
    margin-bottom: 24px;
    position: relative;
    float: left;
    display:flex;
    flex-direction:column;
    .cardMain{
      flex:1;
      width:100%;
    }
  }
  .evaluate-box2 {
    width: 100%;
    height: 400px;
    overflow: hidden;
	position: relative;
	float: left;
    display:flex;
    flex-direction:column;
    .cardMain{
      flex:1;
      width:100%;
    }
  }
  .u-cardBox2{
    margin-bottom:0;
  }
  @media screen and (max-width: 1200px) {
    .evaluate-box {
      width: 48%;
    }
  }
}
.wjxq {
  .wj-header {
    width: 100%;
    font-size: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    .mr20 {
      margin-right: 20px;
	}
	.el-button--primary{
		background:#3964f9;
		border-color:#3964f9;
	}
  }
	.evaluate-box {
		width: 47%;
		height: 500px;
		overflow: hidden;
		margin-right: 2%;
		margin-bottom: 24px;
		position: relative;
		float: left;
		display:flex;
		flex-direction:column;
		.cardMain{
			flex:1;
			width:100%;
		}
	}
	@media screen and (max-width: 900px) {
		.evaluate-box {
		width: 90%;
		}
	}
}
.xxfx {
	.wj-header {
		width: 100%;
		font-size: 20px;
		display: flex;
		align-items: center;
		margin-bottom: 40px;
		.mr20 {
		margin-right: 20px;
		}
		.el-button--primary{
			background:#3964f9;
			border-color:#3964f9;
		}
	}
	.evaluate-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 24px;
		position: relative;
		.searchBox {
			display: flex;
			margin-bottom: 40px;
			.item {
				width: 240px;
				margin-right: 10px;
				}
		}
		.cardMain{
			width: 100%;
			height: 320px;
			padding-bottom:60px;
		}
	}
}
.wdfx {
  .evaluate-box {
    width: 100%;
    height: 680px;
    overflow: hidden;
    margin-bottom: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    .searchBox {
      display: flex;
      margin-bottom: 40px;
      .item {
        width: 240px;
        margin-right: 10px;
      }
      .el-button--primary {
        width: 100px;
        color: #fff;
        background-color: #3964f9;
        border-color: #3964f9;
      }
    }
    .contentbox {
      width: 100%;
      height: 100%;
      flex: 1;
      .leftbox {
        width: 465px;
        height: 100%;
        float: left;
        .tname {
          font-size: 18px;
          color: #333333;
          font-weight: bold;
          margin-bottom: 30px;
        }
        .el-table {
          &::before {
            content: "";
            height: 0;
          }
        }
        .el-table__body {
          tr:last-child {
            td {
              border: 0;
            }
          }
        }
      }
      .rightbox {
        width: 745px;
        height: 100%;
        float: right;
        .tname {
          font-size: 18px;
          color: #333333;
          font-weight: bold;
          margin-bottom: 30px;
        }
      }
    }
  }
}
.fxbg {
  .searchBox {
    display: flex;
    .item {
      width: 240px;
      margin-right: 10px;
    }
    .el-button--primary {
      width: 100px;
      color: #fff;
      background-color: #3964f9;
      border-color: #3964f9;
    }
  }
  .cardList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;

    margin-top: 25px;
    .card {
      width: 22%;
      height: 260px;
      margin-right: 20px;
      margin-bottom: 20px;
      padding: 25px 20px;
      position: relative;
      .topTitle {
        color: #333333;
        font-size: 24px;
        font-weight: bold;
      }
      .time {
        margin-top: 10px;
        color: #999999;
        font-size: 18px;
        margin-bottom: 40px;
      }
      .btn {
        padding: 0 20px;
        position: absolute;
        bottom: 30px;
        .el-button {
          width: 120px;
          color: #666666;
          background-color: #f3f5f7;
          border-color: #f3f5f7;
        }
        .el-button--primary {
          width: 120px;
          color: #3964f9;
          background-color: #e1e8fe;
          border-color: #e1e8fe;
        }
      }
    }
  }
}

/deep/ {
  .el-button--primary {
    width: 100px;
    color: #fff;
    background-color: #3964f9;
    border-color: #3964f9;
  }
}
</style>
